<md-content class="md-padding">
    <div layout="column" layout-gt-xs="row">
        <div flex-gt-xs="40" class="col-lg-40">
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('general')" class="md-primary" >
                    General
                  </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('monitoring')" class="md-primary" >
                    Monitoring
                  </md-button>
                  <BR>
                    <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('logs')" class="md-primary">
                      Logs
                    </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('replication')" class="md-primary" >
                    Replication
                  </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('rejoin')" class="md-primary" >
                    Rejoin
                  </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('backups')" class="md-primary" >
                    Backups
                  </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('schedulers')" class="md-primary" >
                    Schedulers
                  </md-button>
                  <BR>
                  <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('proxies')" class="md-primary" >
                    Proxies
                  </md-button>
                  <BR>
                    <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('graphs')" class="md-primary" >
                      Graphs
                    </md-button>
                  <BR>
                    <md-button style="width:60%; border-radius: 10px 10px 10px 10px; background-color: lightgray;;transition: 0.3s;" ng-click="setSettingsMenu('cloud18')" class="md-primary" >
                      Cloud18
                    </md-button>
        </div>
        <div flex-gt-xs="60" class="col-lg-60">
          <div ng-if="settingsMenu.general" ng-include src="'static/card-setting-failovermode.html'"></div>
          <div ng-if="settingsMenu.general" ng-include src="'static/card-setting-topology.html'"></div>
          <div ng-if="settingsMenu.replication" ng-include src="'static/card-setting-replication.html'"></div>
          <div ng-if="settingsMenu.rejoin" ng-include src="'static/card-setting-rejoin.html'"></div>
          <div ng-if="settingsMenu.backups"  ng-include src="'static/card-setting-backup.html'"></div>
          <div ng-if="settingsMenu.backups" ng-include src="'static/card-setting-binlog.html'"></div>
          <div ng-if="settingsMenu.proxies" ng-include src="'static/card-setting-proxysql.html'"></div>
          <div ng-if="settingsMenu.monitoring" ng-include src="'static/card-setting-capture.html'"></div>
          <div ng-if="settingsMenu.schedulers" ng-include src="'static/card-setting-scheduler.html'"></div>
          <div ng-if="settingsMenu.general" ng-include src="'static/card-setting-testmode.html'"></div>
          <div ng-if="settingsMenu.proxies" ng-include src="'static/card-setting-proxy.html'"></div>
          <div ng-if="settingsMenu.cloud18" ng-include src="'static/card-setting-cloud18.html'"></div>
          <div ng-if="settingsMenu.logs" ng-include src="'static/card-setting-logs.html'"></div>
          <div ng-if="settingsMenu.graphs" ng-include src="'static/card-setting-graphs.html'"></div>
        </div>
    </div>


</md-content>
